<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Startup Responsive Landing page Template for startup, web services, newsletter signup, lead generation etc..">
<title>Startupkit Responsive Landing page Template</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">

<!-- Startup CSS -->
<link href="css/startup.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>
<![endif]-->

<!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.png">

<!-- Custom Google Font : Open Sans -->

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,600' rel='stylesheet' type='text/css'>

<style>

h6 {
	margin-top:15px;
	margin-bottom:5px;
	font-size:18px;	
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:none;	
}

a:hover img {
	opacity:0.8;	
}

</style>


</head>
<body>


<!-- Container -->
<div class="container"> 
  
  <!-- Pricing -->
  <div class="section-title">
    <h2>Choose your favorite layout</h2>
    <h4>Click on any image to start preview</h4>
  </div>
 
 <div class="row">
 
      <div class="col-md-3 text-center">
       <a href="index.html" target="_blank"> 
       <img src="demo/demo2.png" alt="demo" class="img-responsive">
       
       <h6>Default Subscribe</h6>
       <p class="text-muted">Lead Gen Mailchimp Subscription</p></a>
      </div>
      
       <div class="col-md-3 text-center">
       <a href="index-webapp.html" target="_blank"> 
       <img src="demo/demo3.png" alt="demo" class="img-responsive">
       
       <h6>Web App Demo</h6>
       <p class="text-muted">Web App demo with screenshot</p></a>
      </div>
      
       <div class="col-md-3 text-center">
       <a href="index-mobapp.html" target="_blank"> 
       <img src="demo/demo5.png" alt="demo" class="img-responsive">
      
       <h6>Mobile App</h6>
       <p class="text-muted">Mobile app landing layout</p> </a>
      </div>
      
       <div class="col-md-3 text-center">
       <a href="index-buttons.html" target="_blank"> 
       <img src="demo/demo4.png" alt="demo" class="img-responsive">
      
       <h6>Link through</h6>
       <p class="text-muted">Link through with buttons</p> </a>
      </div>
      
    </div>
     
     <div class="has-margin-vertical">&nbsp;</div>
     
 <div class="row">
 
      <div class="col-md-3 text-center">
       <a href="index-v-signup.html" target="_blank"> 
       <img src="demo/demo1.png" alt="demo" class="img-responsive">
      
       <h6>Vertical Signup</h6>
       <p class="text-muted">Layout with vertical signup</p> </a>
      </div>
      
       <div class="col-md-3 text-center">
       <a href="index-video.html" target="_blank"> 
       <img src="demo/demo6.png" alt="demo" class="img-responsive">
       
       <h6>Video Demo</h6>
       <p class="text-muted">Layout with embed video </p></a>
      </div>
      
       <div class="col-md-3 text-center">
       <a href="index-h-signup.html" target="_blank"> 
       <img src="demo/demo7.png" alt="demo" class="img-responsive">
       
       <h6>Horizontal Signup</h6>
       <p class="text-muted">Layout with horizontal signup</p></a>
      </div>
      
       <div class="col-md-3 text-center">
       <a href="index-navigation.html" target="_blank"> 
       <img src="demo/demo8.png" alt="demo" class="img-responsive">
      
       <h6>Navigation</h6>
       <p class="text-muted">Menu Navigation demo</p> </a>
      </div>
      
    </div>
 <div class="has-margin-vertical">&nbsp;</div>
  
</div>
<!-- // Container Ends --> 


</body>
</html>
